<script lang="ts" setup>
const props = defineProps<{
  courseDetail?: string;
}>();

const rootElement = ref<HTMLElement | null>(null);

defineExpose({
  rootElement,
});
</script>

<template>
  <div ref="rootElement" class="my-3 bg-white">
    <h2 class="p-3 text-xl">课程介绍</h2>
    <div class="detail-content" v-html="courseDetail"></div>
  </div>
</template>
